<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>个人主页</title>
		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		<nav class="navbar navbar-expand-lg navbar-light">
			<div class="container">
				<a class="navbar-brand" href="#">个人主页</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span>
  </button>
				<div class="collapse navbar-collapse" id="navbarNav">
					<ul class="navbar-nav">
						<li class="nav-item active ml-3">
							<a class="nav-link" href="javascript:void(0)">基本资料</a>
						</li>
						<li class="nav-item active ml-3">
							<a class="nav-link" href="javascript:void(0)">项目介绍</a>
						</li>
						<li class="nav-item active ml-3">
							<a class="nav-link" href="javascript:void(0)">专业技能</a>
						</li>
						<li class="nav-item active ml-3">
							<a class="nav-link" href="javascript:void(0)">自我评价</a>
						</li>
						<li class="nav-item active ml-3">
							<a class="nav-link" href="javascript:void(0)">联系方式</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<header>
			<div class="war">
				<div class="container">
					<div class="logo">
						<img src="img/LOGO1.jpg" alt="" />
					</div>
					<p class="name">张晓倩</p>
					<p class="enginner">web前端工程师</p>
					<p class="like">喜欢技术，热爱挑战</p>
					<!--<p class="link">
						<!--<a href="http://gtd.sbsh.me/"><i class="a"></i></a>
						<a href="https://www.baidu.com/"><i class="b"></i></a>
						<a href="https://gitee.com/"><i class="c"></i></a>
						<a href=""><i class="d"></i></a>-->
						
					<!--</p>-->-->
				</div>
			</div>
		</header>
		<div class="banner">
			<div class="container">
				<h2>基本<span>资料</span></h2>
				<hr />
				<div class="row lap">
					<div class="col-md-3 ass">
						<div class="space">
							<i class="fa fa-laptop"></i>
						</div>
						<h4>个人信息</h4>
						<p>姓名：张晓倩 &nbsp;性别：女<br />年龄：19&nbsp;籍贯：河北</p>
					</div>
					<div class="col-md-3 ass">
						<div class="space">
							<i class="fa fa-code"></i>
						</div>
						<h4>专业学历</h4>
						<p>专业：web前端专业<br />学历：大学专科</p>
					</div>
					<div class="col-md-3 ass">
						<div class="space">
							<i class="fa fa-rocket"></i>
						</div>
						<h4>毕业学校</h4>
						<p>毕业学校：泊头职业学院<br />学习技能：编程</p>
					</div>
					<div class="col-md-3 ass">
						<div class="space">
							<i class="fa fa-bullseye"></i>
						</div>
						<h4>联系方式</h4>
						<p>QQ：2373597092<br />邮箱：2373597092@qqcom</p>
					</div>
				</div>
			</div>
		</div>
		<main>
			<div class="container">
				<h2>项目<span>介绍</span></h2>
				<hr />
				<p>主要涉及电商，家装领域，包括PC端，手机端，移动APP端等等，主要技术是HTML+CSS+JS</p>
				<div class="built-in-app">
					<ul class="list">
						<li class="active">所有</li>
						<li>PC端</li>
						<li>移动端</li>
					</ul>
					<div class="list_s">
						<ul class="ligh active">
							<li>
								<a href="http://zxq1234.gitee.io/duitangwangyezuoye/">
									<img src="img/duitang_03.png" />
									<div class="nth">
										<p>堆糖</p>
										<p class="text">堆糖成立于2010年10月，主题是收集发现喜爱的事物，以图片的方式来展示和浏览。堆糖的目标是链接人的兴趣和事物，重新组织信息流动的方式。堆糖提供超快捷的图文收集工具，一键收集分享兴趣，还有各种兴趣主题小组。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/imitate_taobao/">
									<img src="img/taobao_03.png" />
									<div class="nth">
										<p>淘宝首页</p>
										<p class="text">淘宝网是亚太地区较大的网络零售、商圈，由阿里巴巴集团在2003年5月创立。淘宝网是中国深受欢迎的网购零售平台，拥有近5亿的注册用户数，每天有超过6000万的固定访客，同时每天的在线商品数已经超过了8亿件，平均每分钟售出4.8万件商品。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/erqidabianlangchao/">
									<img src="img/tengxun_01.png" />
									<div class="nth">
										<p>腾讯科技</p>
										<p class="text">腾讯网是腾讯公司推出的集新闻信息、互动社区、娱乐产品和基础服务为一体的大型综合门户网站。腾讯网服务于全球华人用户，致力成为最具传播力和互动性，权威、主流、时尚的互联网媒体平台。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/erqidabianlangchao/">
									<img src="img/langchao_02.png" />
									<div class="nth">
										<p>浪潮官网</p>
										<p class="text">浪潮集团有限公司，即浪潮集团，是中国本土综合实力强大的大型IT企业之一。中国领先的云计算、大数据服务商 。 浪潮集团旗下拥有浪潮信息、浪潮软件、浪潮国际、华光光电四 家上市公司，为全球100多个 国家和地区提供IT产品和服务。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/tianya_mingyue_dao_web_page/">
									<img src="img/tianyamingyuedao_01.png" />
									<div class="nth">
										<p>天涯明月刀首页</p>
										<p class="text">
											《天涯·明月·刀》是著名武侠小说家古龙作品，「小李飞刀系列」的第四部。1974年4月至6月《中国时报》连载1-45集，因作风新颖不被接受而中途腰斩，1974年6月至1975年1月转至香港《武侠春秋》208-231期连载，1974年南琪开始出版。
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/bootstrapyunbawangyelianxi/">
									<img src="img/yunba_01.png" />
									<div class="nth">
										<p>云吧首页</p>
										<p class="text">"云巴"是比亚迪股份有限公司旗下品牌。是比亚迪历时7年打造的具有100%自主知识产权、不占用道路资源、具有独立路权的小运量胶轮有轨电车系统，属于现代有轨电车中的一种新系统。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/evergreen_web_exercise/">
									<img src="img/HENGWANG_01.png" />
									<div class="nth">
										<p>恒望科技</p>
										<p class="text">武汉恒望科技有限公司,位于湖北省武汉市洪山区珞喻路20号阜华大厦1105,成立于2015年,为新近成立的软件公司.公司注册资金为1000万元.由一批有想法,有志向,有创业精神的年轻人组成的创业团队。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/repute_web_exercise/">
									<img src="img/Repute_01.png" />
									<div class="nth">
										<p>Repute</p>
										<p class="text">可读的代码，有据可查并提供免费支持</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/bootstrapthemes_web_exercise/">
									<img src="img/Themes_01.png" />
									<div class="nth">
										<p>Themes</p>
										<p class="text">themes服务是为Win7系统提供桌面主题的一种系统服务。</p>
									</div>
								</a>
							</li>
						</ul>
						<ul class="ligh">
							<li>
								<a href="http://zxq1234.gitee.io/tianya_mingyue_dao_web_page/">
									<img src="img/tianyamingyuedao_01.png" />
									<div class="nth">
										<p>天涯明月刀首页</p>
										<p class="text">
											《天涯·明月·刀》是著名武侠小说家古龙作品，「小李飞刀系列」的第四部。1974年4月至6月《中国时报》连载1-45集，因作风新颖不被接受而中途腰斩，1974年6月至1975年1月转至香港《武侠春秋》208-231期连载，1974年南琪开始出版。
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/duitangwangyezuoye/">
									<img src="img/duitang_03.png" />
									<div class="nth">
										<p>堆糖</p>
										<p class="text">堆糖成立于2010年10月，主题是收集发现喜爱的事物，以图片的方式来展示和浏览。堆糖的目标是链接人的兴趣和事物，重新组织信息流动的方式。堆糖提供超快捷的图文收集工具，一键收集分享兴趣，还有各种兴趣主题小组。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/imitate_taobao/">
									<img src="img/taobao_03.png" />
									<div class="nth">
										<p>淘宝首页</p>
										<p class="text">淘宝网是亚太地区较大的网络零售、商圈，由阿里巴巴集团在2003年5月创立。淘宝网是中国深受欢迎的网购零售平台，拥有近5亿的注册用户数，每天有超过6000万的固定访客，同时每天的在线商品数已经超过了8亿件，平均每分钟售出4.8万件商品。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/erqidabianlangchao/">
									<img src="img/langchao_02.png" />
									<div class="nth">
										<p>浪潮官网</p>
										<p class="text">浪潮集团有限公司，即浪潮集团，是中国本土综合实力强大的大型IT企业之一。中国领先的云计算、大数据服务商 。 浪潮集团旗下拥有浪潮信息、浪潮软件、浪潮国际、华光光电四 家上市公司，为全球100多个 国家和地区提供IT产品和服务。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/erqidabianlangchao/">
									<img src="img/tengxun_01.png" />
									<div class="nth">
										<p>腾讯科技</p>
										<p class="text">腾讯网是腾讯公司推出的集新闻信息、互动社区、娱乐产品和基础服务为一体的大型综合门户网站。腾讯网服务于全球华人用户，致力成为最具传播力和互动性，权威、主流、时尚的互联网媒体平台。</p>
									</div>
								</a>
							</li>
						</ul>
						<ul class="ligh">
							<li>
								<a href="http://zxq1234.gitee.io/bootstrapyunbawangyelianxi/">
									<img src="img/yunba_01.png" />
									<div class="nth">
										<p>云吧首页</p>
										<p class="text">"云巴"是比亚迪股份有限公司旗下品牌。是比亚迪历时7年打造的具有100%自主知识产权、不占用道路资源、具有独立路权的小运量胶轮有轨电车系统，属于现代有轨电车中的一种新系统。</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/repute_web_exercise/">
									<img src="img/Repute_01.png" />
									<div class="nth">
										<p>Repute</p>
										<p class="text">可读的代码，有据可查并提供免费支持</p>
									</div>
								</a>
							</li>
							<li>
								<a href="http://zxq1234.gitee.io/bootstrapthemes_web_exercise/">
									<img src="img/Themes_01.png" />
									<div class="nth">
										<p>Themes</p>
										<p class="text">themes服务是为Win7系统提供桌面主题的一种系统服务。</p>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</main>
		<div class="about">
			<div class="container">
				<h2>专业<span>技能</span></h2>
				<hr />
				<div class="row skill">
					<div class="col-md-6">
						<img class="img" src="img/about.png" />
					</div>
					<div class="col-md-6 adds">
						<i><img src="img/pc_03.png" alt="" /></i>
						<div class="user">
							<h4>PC端</h4>
							<p>精通使用HTML/CSS技术,熟练Javascript/jquery编程,能够熟练使用ajax,vue等前端模块开发，熟练使用Bootstrap布局。掌握Vue.js的框架结构。</p>
						</div>
						<i><img src="img/yidong_06.png" alt="" /></i>
						<div class="user">
							<h4>移动端</h4>
							<p>熟练掌握响应式的布局和语法结构等移动框架进行移动页面的开发，,可以使用现成的 CSS 框架。 Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。</p>
						</div>
						<i><img src="img/other_03.png" alt="" /></i>
						<div class="user">
							<h4>其它</h4>
							<p>懂网站性能优化，网站百度排名和SEO优化，熟练使用photoshop等切图工具，会常见的UI技巧，懂Java，php等后台语言开发.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="evaluate">
			<div class="container">
				<h2>自我<span>评价</span></h2>
				<hr />
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<p>热爱学习,良好的团队合作精神，能迅速融入新的团队。<br />易和人相处，拥有良好的亲和力。</p>
						</div>
						<div class="swiper-slide">
							<p>
								有强烈的责任感，工作踏实，性格开朗乐观，积极上进，吃苦耐劳。<br />能在较大的压力下保持良好的工作状态，善于自我调节。
							</p>
						</div>
						<div class="swiper-slide">
							<p>
								非常热爱编程，喜欢钻研新的技术，喜欢接受各种不同的挑战。<br />具有很强的自学能力和良好的学习方法。
							</p>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
			</div>
		</div>
		<div class="contact">
			<div class="container">
				<h2><span>联系</span>方式</h2>
				<div class="web">
					<hr />
				</div>
				<div class="col-md-8">
					<div class="row">
						<div class="col-md-4">
							<i class="fa fa-map-marker"></i>
							<p class="hom">河北省邯郸市馆陶县</p>
						</div>
						<div class="col-md-4">
							<i class="fa fa-envelope-o"></i>
							<p class="hom">2373597092@qq.com</p>
						</div>
						<div class="col-md-4">
							<i class="fa fa-phone"></i>
							<p class="hom">电话:175-3256-5711</p>
						</div>
					</div>
				</div>
				<!--<div class="col-md-8">
					<hr />
					<h3 class="emall">给我发邮件</h3>
					<form action="" class="mall">
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<input type="" name="" id="name" value="" placeholder="姓名" />
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<input type="" name="" id="e-mall" value="" placeholder="邮箱" />
								</div>
							</div>
						</div>
						<div class="form-group">
							<textarea name="" rows="" cols="" placeholder="内容" id="content"></textarea>
						</div>
						<button class="btn">确认发送</button>
					</form>
				</div>-->
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="footer-text">
					<p>Copyright © 2019 作者：Zhangxiaoqian. 前端工程师 </p>
				</div>
			</div>
		</footer>
		<div id="toTop"><i class="fa fa-angle-up"></i></div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/script.js"></script>
	</body>

</html>